جداول در صفحات اهمیت زیادی دارند.برای رسم هر سطر جدول از تگ <tr> و هر ستون را با <td> رسم میکنیم

سطر اول ستون اولسطر اول ستون  دومسطر اول ستون سوم
سطر دوم ستون اولسطر دوم ستون دومسطر سوم ستون سوم

مثال زیر را بررسی کنید:

<table>
  <tr>
    <th>Company</th>
    <th>Contact</th> 
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td> 
    <td>Germany</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td> 
    <td>Mexico</td>
  </tr>
</table>

 

همانطور که در مثال دیدیم برای تعریف سطر اول که شامل عناوین هستند از تگ <th> استفاده میکنیم.

به جای متن های داده شده در وسط td یا th میتوانیم لینک یا هر تگ دیگری قرار دهیم:

 

<table>
  <tr>
    <th>ردیف</th>
    <th>لینک</th> 
 
  </tr>
  <tr>
    <td>1</td>
    <td><a href="https://ishopsaz.com">سایت 1</a></td> 
    
  </tr>
   <tr>
    <td>2</td>
    <td><a href="https://hify.ir">سایت 2</a></td> 
    
  </tr>
</table>

 

بعد از یادگیری css به طراحی زیباتر جداول نیز میپردازیم.